@import "../mixin";
.detail-container{
  .detail-header{
    padding:0 30px 0 40px;
    color:#fff;
    background: -webkit-linear-gradient(to right, #F30C23, #FE224E);
    background: linear-gradient(to right, #F30C23, #FE224E);
    .detail-header-con{
      height:200px;
      padding:30px 0 0;
      background-image:url(https://img.wifenxiao.com/h5-wfx/images/order/store_order_detail.png);
      background-position: right center;
      background-repeat: no-repeat;
      background-size:25%;
      box-sizing: border-box;
      &.status0{
        background-image:url(https://img.wifenxiao.com/h5-wfx/images/order/wait_order_detail.png);
      }
      &.detail-header-con-more{
        // height:240px;
      }
    }
    .status{
      margin-bottom:16px;
      font-size:36px;
      font-weight:bold;
    }
    .order-no{
      margin-bottom:10px;
    }
    .create-time{
      font-size:24px;
      line-height:28px;
    }
  }
  .detail-con{
    margin-top:-26px;
    &.prize-detail-con{
      margin-top:20px;
    }
  }
  .item-block{
    margin-bottom:20px;
    padding:30px;
    background:#fff;
    border-radius:20px;
    font-size:26px;
    line-height:40px;
    .price-con{
      display:flex;
      justify-content:space-between;
      padding:10px 0;
      .line-detail{
        font-size:24px;
        font-weight: bold;
        text-align:right;
      }
    }
    .total-price{
      padding:10px 0;
      font-size:24px;
      text-align:right;
    }
    .title{
      position:relative;
      padding-left:18px;
      font-size:28px;
      font-weight:bold;
      &:before{
        position:absolute;
        content:"";
        top:8px;
        left:0;
        width:6px;
        height:26px;
        background:#F30C23;
      }
    }
    &.item-block2{
      padding-right:0;
    }
    .line-con{
      display:flex;
      &.location{
        display: block;
        .location-box{
          display: flex;
        }
        .location-btn{
          position: relative;
          display: inline-block;
          font-size: 24px;
          color: #F30C23;
          margin: 12px 0 0 150px;
          span{
            &::after{
              content: "";
              position: absolute;
              top: 40%;
              right: -14px;
              width: 10px;
              height: 10px;
              border-top: 2px solid #F30C23;
              border-right: 2px solid #F30C23;
              transform: rotate(45deg);
            }
          }
        }
      }
      .label{
        width:170px;
        padding:30px 0;
      }
      .line-detail{
        flex:1;
        padding:30px 30px 30px 0;
        font-weight:bold;
        border-bottom:1px solid #EDEDED;
        word-break: break-all;
      }
      &:last-child{
        .label{
          padding-bottom:0;
        }
        .line-detail{
          padding-bottom:0;
          border-bottom:0;
        }
      }
    }

    //门店订单核销记录
    .order-verify-log{
      position:relative;
      padding-bottom:10px;
      .line-con{
        &:last-child{
          .line-detail{
            border-bottom:0;
          }
        }
      }
      &:before{
        content:"";
        display:block;
        position:absolute;
        bottom:0;
        left:-30px;
        width:750px;
        height:8px;
        background:#f5f5f5;
      }
      &:last-of-type{
        padding-bottom:0;
        &:before{
          display:none;
        }
      }
    }
    &.item-block3{
      .label{
        padding:10px 0;
      }
      .line-detail{
        padding:10px 30px 10px 0;
        border-bottom:0;
      }
    }
    //核销记录
    .order-verify-log{
      .line-con{
        .label{
          padding-bottom:30px;
        }
        .line-detail{
          padding-bottom:30px;
          border-bottom:1px solid #EDEDED;
        }
      }
      &:last-child{
        .line-con{
          &:last-child{
            .label{
              padding-bottom:0;
            }
            .line-detail{
              padding-bottom:0;
              border-bottom:0;
            }
          }
        }
      }
    }
    .copy{
      display:inline-block;
      height:36px;
      line-height:36px;
      vertical-align: 2px;
      margin-left:30px;
      border-radius:36px;
      padding:0 16px;
      font-size:22px;
      font-weight:normal;
      background:#EDEDED;
    }
  }
  .address{
    display:flex;
    align-items: center;
    line-height:46px;
    .left{
      width:31px;
      height:38px;
      margin-right:24px;
      background:url(https://img.wifenxiao.com/h5-wfx/images/order/adreess_log.png) no-repeat;
      background-size:100% 100%;
    }
    .right{
      flex:1;
    }
    .name{
      font-weight: bold;
      font-size:28px;
    }
    .addr{
      font-size:26px;
      color:#999;
    }
  }
  .order-goods {
    line-height:1;
    .gys_info{
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      align-items: center;
      margin-bottom: 35px;
      .gys_logo{
        width: 32px;
        height: 32px;
        margin-right: 16px;
      }
      span{
        font-weight: bold;
        font-size: 28px;
      }
      .arrow{
        width: 16px;
        height: 16px;
        margin-left: 16px;
      }
    }
    .goods-li {
      display: flex;
      flex: 1;
      padding-bottom:30px;
      &:last-child {
        padding-bottom:0;
      }
    }

    .order-goods-img {
      overflow: hidden;
      position: relative;
      width: 160px;
      height: 160px;
      border-radius: 10px;

      a {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;

        img {
          width: 100%;
        }

        .activity-shade {
          position: absolute;
          left:0;
          bottom: 0;
          display: inline-block;
          padding: 0 4px;
          width: 100%;
          height: 40px;
          line-height: 40px;
          background: rgba(255, 68, 69, 0.8);
          color: #fff;
          text-align: center;
        }
      }
    }

    .order-goods-infor {
      display:flex;
      flex-direction: row;
      flex: 1;
      position: relative;
      min-height: 160px;
      margin-left: 16px;
      .left{
        position:relative;
        flex:1;
      }
      .right{
        width:70px;
        margin-top:60px;
      }
    }

    .goods-title {
      font-weight:bold;
      @include lineClamp(26px, 1.4, 2);
    }

    .goods-props {
      // overflow: hidden;
      // text-overflow:ellipsis;
      // white-space: nowrap;
      @include lineClamp(24px, 1.4, 1);
      height: 36px;
      line-height: 36px;
      margin-top: 8px;
      color: #999;
    }
    //日期和备注
    .goods-date,.goods-memo{
      margin-top:10px;
      font-size:24px;
      color:#999;
    }
    .price {
      position:absolute;
      bottom:0;
      left:0;

      em {
        font-size: 32px;
      }
    }
    .num {
      color: #333;
    }
  }
  
  //修改身份证号按钮
  .change-id{
    height:36px;
    margin-left:10px;
    padding:0 16px;
    font-size:22px;
    font-weight:normal;
    background:#EDEDED;
    color:#000;
  }
}